<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>dialog</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
		   .mui-content-padded{margin-top: 1rem;}
		   .mui-bar-nav {
			    background-color: #71BB98;
			}
			.mui-bar-nav a{color:#fff;}
			.mui-title{color:#fff;font-size:1.2rem;}
			.fl{
				float: left!important;
			}
			.fr{
				float: right;
			}
			.chart_bot{
				background: #fff;
				padding:1rem;
				padding-top:0.5rem;
				padding-bottom:0.5rem;
				width:100%;
			}
			
			.chart_bot h2{
				font-size: 1.1rem;
				font-weight: 500;
				color:#F47D00;
				border-left:5px solid #5b72f4;
				padding-left: 0.5rem;
				line-height: 1.5rem;
			}
			
			.abnormal{height: 2rem;}
			.abnormal label{width: 20%;white-space: nowrap;line-height: 1.1;overflow: hidden;text-overflow: ellipsis; text-align: right;margin-top:0.3rem;font-size: 1rem;}
			.abnormal input{width: 78%;padding: 0 1rem;border:0;background: transparent;height: 1.5rem;font-size: 1rem; margin-bottom: 0;}
		</style>
		<script src="../js/mui.min.js"></script>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">消息</h1>
		</header>
		<div class="mui-content">
			<div class="mui-content-padded">
				<div class="fl chart_bot" style="background: transparent;">
					<h2 style="border-left: 0;">详情</h2>
					<hr style="margin-bottom: 1rem;" />
					<div class="abnormal">
						<label for="" class="fl">工单号：</label>
						<input type="text" class="fl" id="No" readonly="readonly" value="A485312569" />
						<div class="mui-clearfix"></div>
					</div>
					<div class="abnormal">
						<label for="" class="fl">派单人：</label>
						<input type="text" class="fl" id="people_worksheet" readonly="readonly" value="吴慈仁" />
						<div class="mui-clearfix"></div>
					</div>
					
					<div class="abnormal">
						<label for="" class="fl">异常时间：</label>
						<input type="text" class="fl" id="abnormal_time" readonly="readonly" value="2017-08-28  13:40" />
						<div class="mui-clearfix"></div>
					</div>
					<div class="abnormal">
						<label for="" class="fl">派单时间：</label>
						<input type="text" class="fl" readonly="readonly" id="time" value="2017-08-28  18:40" />
						<div class="mui-clearfix"></div>
					</div>
					<div class="abnormal">
						<label for="" class="fl">异常地点：</label>
						<input type="text" class="fl" id="area" readonly="readonly" value="高新区舜华路与天成路交叉口" />
						<div class="mui-clearfix"></div>
					</div>

				</div>
				<div class="mui-clearfix"></div>
			</div>
			
		</div>
		
	</body>
<script>
	(function($, doc) {
		$.init();
		$.plusReady(function() {
			var cw = plus.webview.currentWebview();
		    var No = cw.orderNo;
		    var people_worksheet = cw.send_member;
		    var abnormal_time = cw.createtime;
		    var content = cw.resourceName+cw.abnormal_name;
		    var time = cw.updatetime;
		    document.getElementById('No').value=No;
		    document.getElementById('people_worksheet').value=people_worksheet;
		    document.getElementById('abnormal_time').value=abnormal_time;
		    document.getElementById('time').value=time;
		    document.getElementById('area').value=content;
			//--
		});
		
	}(mui, document));
</script>
</html>